<template>
     <div class="doctor-introduce">
        <!-- 左上角放医生照片 -->
        <el-image class="imgBox"src="https://img1.baidu.com/it/u=2428879768,359547723&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=563"></el-image>
        <div class="doctor-introduce-text">医生介绍</div>
     </div>
</template>
<script lang="ts">

</script>

<style lang="scss" scoped>
    .doctor-introduce {
        width: 26%;
        height: 480px;
        text-align: center;
        line-height: 500px;
        color: var(--el-text-color-primary);
        background: var(--el-border-color-light);
        margin: 10px 1.66%;
        float: left;
        border-radius: 10px;
        padding: 10px 2%;
    }
    .imgBox{
        width: 100px;
        height: 100px;
        float: left;
    }
    .doctor-introduce-text{
        width: 120px;
        height: 100px;
        float: right;
        line-height: 30px;
        border: 1px solid bisque;
    }
</style>
